@import mixin

html
  text-shadow: 0px 1px 0px #fff

div.main
  position: absolute
  display: block
  height: 100%
  width: 100%

div.main_content
  position: absolute
  /*background-color: red*/
  height: 90%
  width: 100%

div#notice_close
  margin-top: 4.7em
  color: #fff
  background-color: #000
  border: 1px solid #fff
  font-weight: bold
  padding: 0.3em 0.7em
  font-size: 0.6em
  border-radius: 50%
  z-index: 11
  display: none
  position: absolute
  top: 0
  right: 0.5em
  cursor: pointer

div#notice
  margin-top: 2.9em
  z-index: 10
  display: none
  position: absolute
  top: 0
  height: 2em
  width: 100%
  text-align: center
  div
    color: white
    text-shadow: 0px -1px 0px #000
  .error
    @include do_gradient( #ff0505, #fe6266 )
  .notification, .notice
    @include do_gradient( #5393c5, #6facd5 )
  a
    text-decoration: underline
    color: white

div#bottom_buttons
  /*background-color: blue*/
  height: 10%
  width: 100%
  bottom: 0
  position: absolute
  div
    text-align: center
    padding-top: 1%
    padding-bottom: 1%
    display: inline
    width: 50%
    position: absolute
    bottom: 0
  #bottom_buttons_left
    left: 0
  #bottom_buttons_right
    right: 0

div#authenticated, div#main_content_right
  display: none

.like_lion_button
  color: #000
  text-decoration: none
  @include like_lion_button
  &:visited
    text-decoration: none
    color: #000

.ui-slider.ui-slider-switch
  position: absolute
  right: 0

.small
  font-size: 0.7em

.align_center
  text-align: center

div.on_center
  margin: 10%